﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Basics</title>
    <link rel="stylesheet" href="assets/styles/app.css">
    <script src="assets/scripts/vendor.js" defer></script>
    <script src="assets/scripts/app.js" defer></script>

</head>
<body>
<header>
    <h1>The Unconventional Calculator</h1>
</header>

<section id="calculator">
    <input type="number" id="input-number" />
<div id="calc-actions">
    <button type="button" id="btn-add">+</button>
    <button type="button" id="btn-subtract">-</button>
    <button type="button" id="btn-multiply">*</button>
    <button type="button" id="btn-divide">/</button>
</div>
</section>

<section id="results">
    <h2 id="current-calculation">0</h2>
    <h2>Result:<span id="current-result">0</span></h2>
</section>
<script src="assets/scripts/vendor.js"></script>
<script src="assets/scripts/app.js"></script>
</body>
</html>